<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>input</title>
    <style>
    .red{color: red;}
    </style>
</head>
<body>
    <input type="text" value="woshiinputone">
    <span class="show-J"><span class="curr-J">1</span>/<span class="total-J">20</span></span>
    <input type="text" value="woshiinputtwo">
    <input type="text"  value="woshiinputthree"> 
    <textarea cols="30" rows="10" class="textarea-J">欢乐的小二比</textarea>
    <span class="show-J"><span class="curr-J">1</span>/<span class="total-J">20</span></span>
    <textarea cols="30" rows="10" class="textarea-J">欢乐的小二比</textarea>
    <span class="show-J"><span class="curr-J">1</span>/<span class="total-J">20</span></span>
    <textarea cols="30" rows="10" class="textarea-J">欢乐的小二比</textarea>
    <span class="show-J"><span class="curr-J">1</span>/<span class="total-J">20</span></span>
    <script src="../js/jquery-1.7.2.js"></script>
    <script src="../js/util.js"></script>
    <script src="js/widget.js"></script>
    <script>
            new util.Input({
            hook: $("input"),
            currTip: ".curr-J",
            totalTip: ".total-J",
            isRomn: true
            });
            new util.Input({
            hook: "textarea",
            isRomn: true
            });
    </script>
</body>
</html>